<template>
  <div class="alert-function">
    <div class="flex-row align-center">
      <div class="mg-right-10 fz-14" style="color: #333;">开启/关闭：</div>
      <el-switch active-color="#67C23A" inactive-color="#999999" v-model="fromData.remind" />
    </div>

    <div class="fz-14 mg-top-10 third-title">
      开启后，您将收到来自ue4三维建模、二维地图和系统级弹窗的事件告警通知
    </div>
  </div>
</template>

<script>
import { cloneDeep } from 'lodash'

export default {
  name: 'AlertFunction',
  props: {
    ability: {
      type: Object,
      required: true,
      default: () => ({}),
    },
  },
  data() {
    return {
      fromData: {},
    }
  },
  watch: {
    ability: {
      immediate: true,
      handler() {
        this.fromData = cloneDeep(this.ability)
      },
    },
  },
}
</script>

<style scoped>
</style>
